﻿<!-- Carousel
================================================== -->
<link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/3.0/css/bootstrap-combined.min.css">

<div id="myCarousel" class="carousel slide">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>

    <div class="carousel-inner">

        <div class="item active">
            <img src="~/Content/images/icons/church/bgmc.jpg"/>
        </div>

        <div class="item">
            <img src="~/Content/images/icons/church/JAM.jpg"/>
        </div>

        <div class="item">
            <img src="~/Content/images/icons/church/Pastor K Dina047.jpg"/>
        </div>

    </div>
    <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
    <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>

    <script type="text/javascript">
        $('.carousel').carousel({
            interval: 5000
        })
    </script>
</div><!-- /.carousel -->
